<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <ui:composition template="/resources/template.xhtml">
            <ui:define name="subTitle"><div>Complete sus datos</div></ui:define>
            <ui:define name="content">
                <f:view locale="#{uruguayViajesBean.appLocale}">
                    <f:loadBundle var="etiquetas" basename="uy.edu.ort.uruguayviajes.bundle.Etiquetas"/>
                    <h:form id="registroUForm">
                        <table>
                            <tr>
                                <td>
                                    <fieldset><legend>Datos personales</legend>
                                        <table width="1059" border="2" bordercolor="#000000">
                                            <tr>
                                                <td width="181"><h:outputLabel value="#{etiquetas.nombre}" /></td>
                                                <td colspan="2">
                                                    <h:inputText id="nomUsuario" value="#{usuariosBean.nombre}" label="#{etiquetas.nombre}">
                                                        <f:validateLength maximum="30"/>
                                                        <f:validateRequired/>
                                                    </h:inputText>
                                                </td>
                                                <td width="90">&nbsp;</td>
                                                <td width="119"><h:outputLabel value="#{etiquetas.lbl_direccion}" /></td>
                                                <td width="278">
                                                    <h:inputText id="dirUsuario" value="#{usuariosBean.direccion}" label="#{etiquetas.lbl_direccion}">
                                                        <f:validateLength maximum="70"/>
                                                        <f:validateRequired/>
                                                    </h:inputText>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><h:outputLabel value="#{etiquetas.lbl_Apellido}" /></td>
                                                <td colspan="2">
                                                     <h:inputText id="apeUsuario" value="#{usuariosBean.apellido}" label="#{etiquetas.lbl_Apellido}">
                                                        <f:validateLength maximum="30"/>
                                                        <f:validateRequired/>
                                                    </h:inputText>
                                                </td>
                                                <td>&nbsp;</td>
                                                <td><h:outputLabel value="#{etiquetas.lbl_telefono}" /></td>
                                                <td>
                                                    <h:inputText id="telUsuario" value="#{usuariosBean.telefono}" label="#{etiquetas.lbl_telefono}">
                                                        <f:validateRequired/>
                                                    </h:inputText>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><h:outputLabel value="#{etiquetas.lbl_sexo}" /></td>
                                                <td width="178">
                                                   <h:selectOneRadio id="sexo" value="#{usuariosBean.sexo}">
                                                       <f:selectItem id="M" itemLabel="Masculino" itemValue="M" />
                                                       <f:selectItem id="F" itemLabel="Femenino" itemValue="F" />
                                                   </h:selectOneRadio>
                                                </td>
                                                <td width="171">&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td><h:outputLabel value="#{etiquetas.lbl_codPos}" /></td>
                                                <td>
                                                    <h:inputText id="codPosUsuario" value="#{usuariosBean.codigoPostal}" label="#{etiquetas.lbl_codPos}"/>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><h:outputLabel value="#{etiquetas.fNacimiento}" /></td>
                                                <td>
                                                    <rich:calendar value="#{usuarioBean.fechaNac}" datePattern="dd/MM/yyyy" validator="#{usuariosBean.validarEdad}" />
                                                </td>
                                                <td>&nbsp;</td>
                                                <td>&nbsp;</td>
                                                <td>Ciudad:</td>
                                                <td>&nbsp;</td>
                                            </tr>
                                        </table>
                                    </fieldset>
                                </td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td>
                                    <fieldset><legend>Usuario y password</legend>
                                        <table width="1059" border="2" bordercolor="#000000">
                                            <tr>
                                                <td width="181"><h:outputLabel value="#{etiquetas.lbl_email}" /></td>
                                                <td width="392"><h:inputText id="usuarioMail" value="#{usuariosBean.mail}" label="#{etiquetas.lbl_email}" validator="#{emailValidator.validate}">
                                                    </h:inputText>
                                                </td>
                                                <td width="462">(validación)</td>
                                            </tr>
                                            <tr>
                                                <td><h:outputLabel value="#{etiquetas.usuario}" /></td>
                                                <td><h:inputText id="usuario" value="#{usuariosBean.nombre}" label="#{etiquetas.nombre}">
                                                        <f:validateRequired/>
                                                    </h:inputText>
                                                </td>
                                                <td>&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td>Password:</td>
                                                <td><h:outputLabel value="#{etiquetas.lbl_password}" /></td>
                                                <td><h:inputSecret id="password" value="#{usuariosBean.password}" label="#{etiquetas.lbl_password}" maxlength="20">
                                                        <f:validateLongRange maximum="20" minimum="8"/>
                                                    </h:inputSecret>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td><h:outputLabel value="#{etiquetas.lbl_confPassword}" /></td>
                                                <td><h:inputSecret id="Confpassword" value="#{usuariosBean.confPassword}" label="#{etiquetas.lbl_password}" maxlength="12" validator="#{usuariosBean.validarPwd}">
                                                    </h:inputSecret></td>
                                                <td>&nbsp;</td>
                                            </tr>
                                        </table>
                                    </fieldset>
                                </td>
                            </tr>
                        </table>
                        <table width="1066">
                            <tr>
                                <td width="168">&nbsp;</td>
                                <td width="200">&nbsp;</td>
                                <td width="154"><h:commandButton action="#{usuariosBean.registrarUsuario}" value="#{etiquetas.btn_cancelar}"/></td>
                                <td width="137"><h:commandButton action="#{usuariosBean.limpiarUsuario}" value="#{etiquetas.btn_cancelar}"/></td>
                                <td width="191">&nbsp;</td>
                                <td width="188">&nbsp;</td>
                            </tr>
                        </table>
                    </h:form>
                </f:view>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

